<!-- Dom模板 -->
<template>
  <div class="inp2">
    <!-- Dom内容 -->
    <!-- <input
      type="text"
      v-model="cell_phone"
      placeholder="请输入手机号"
      @change="valAll"
    /> -->
    <el-input
      class="input"
      v-model="cell_phone"
      placeholder="请输入手机号"
      @change="valAll"
    ></el-input>
  </div>
</template>

<script>
// import a from './a'; // 引入组件
export default {
  name: "",
  data() {
    return {
      msg: "测试",
      cell_phone: "",
    };
  },
  // 生命周期 - 创建完成（访问当前this实例）
  created() {},
  // 生命周期 - 挂载完成（访问DOM元素）
  mounted() {},
  // Vue方法定义
  methods: {
    valAll() {
      this.$emit("cellPhone", this.cell_phone);
    },
  },
};
</script>

<style>
/* @import url(''); 引入css类 */
.inp2 {
  float: left;
}

.inp2 .el-input {
  width: 130px;
  font-size: 13px;
}
.inp2 > .input .el-input__inner {
    padding: 0 5px;
    height: 30px;
}
</style>